<!DOCTYPE html> 
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport" />        
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<title>申请解约</title>
<link rel="stylesheet" href="css/applyOutdeal.css">
</head>
<body>
<div class="container">
	<div class="q-wrap">
		<div class="question">
			请选择填写解约产品名称的原因（可多选）
		</div>
		<div class="option">
			<span>投资组合收益太低</span>
		</div>
		<div class="option active">
			<span>未能及时获取投顾服务</span>
		</div>
		<div class="option">
			<span>服务佣金价格太高</span>
		</div>
		<div class="option">
			<span>需要更明确的指导</span>
		</div>

		<textarea name="" class="reason" placeholder="您还可以填写其他原因"></textarea>
	</div>
	<div class="tip-text">
		尊敬的客户，我们将在30个工作日左右退回3125.72元至您的保证金账户
	</div>

</div>
<div class="footer">
	<div class="btns-wrap">
		<a href="javascript:;" class="thinkmore">
			我再想想
		</a>
		<a href="javascript:;" class="sure">
			确认解约
		</a>
		<!-- <a href="javascript:;" class="resign">
			重新签约
		</a> -->
	</div>
</div>

<script src="js/build/lib.js" type="text/javascript"></script>
<script>
var applyOutdeal = {
	init: function(){
		// 兼容按压效果
		document.body.addEventListener('touchstart', function () { //...空函数即可
		});
	},
	events: function(){
		$('.option').hammer().on('tap',function(){
			$(this).toggleClass('active');
		});
	},
	run: function(){
		this.init();
		this.events();
	}
};
applyOutdeal.run();
</script>
</body>
</html>